<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>首页</title>
		<style>
			#a{
				width: 800px;
				height: 500px;
				background-image: url(picture/cj.jpg);
				}
			ul{
				list-style: none;  /* 去掉. */
			}
			li{
				float: left; 
				/*border: 1px black solid;*/
				margin: 5px;
				padding: 5px 10px 5px 10px;
				background-color: #ee1166;
				border-radius: 15px;
			}
			li:hover{
				background-color: aqua;
			}
			a{
				text-decoration: none; /* a标签下划线去掉 */
				color: white;
			}	
		</style>
	</head>
	<body>
		<div id="a">
			<div id="b" style="padding: 80px;margin-left: 120px;" >
			<h1>XXX超市管理系统</h1>	
			<ul>
				<li><a href="goods.html" target="_blank">商品管理</a></li>
				<li><a href="bill.html" target="_blank">账单管理</a></li>
			</ul>		
			</div>
		</div>
	</body>
</html>
